<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="用户信息">
<meta http-equiv="refresh" content="120">
<meta name="author" content="House">
<style type="text/css">
body {background-color:papayawhip;}
h2 {color: dimgrey;}
p {color:black;}
</style>
<title>用户信息</title>
</head>
<body>
	<p id="place"><font size="4">您当前的位置？</font></p>
	<button onclick="getLocation()">获取位置</button>
	<script>
	var x=document.getElementById("place");
	function getLocation()
	{
		if (navigator.geolocation)
		{
			navigator.geolocation.getCurrentPosition(showPosition);
		}
		else
		{
			x.innerHTML="该浏览器不支持获取地理位置";
		}
	}
	function showPosition(position)
	{
		x.innerHTML="纬度: " + position.coords.latitude + 
		"<br>经度: " + position.coords.longitude;	
	}
	</script>
	<form name="submit-ans" action="数学专题.html" method="get" style="text-align: left;">
		<p><font size="4">您/你的性别？</font></p>
		<input type="radio" name="sex" value="male">男<br>
		<input type="radio" name="sex" value="female">女<br/>
		<p><font size="4">您/你的爱好？</font></p>
		<input type="checkbox" name="hobby" value="programming">编程<br>
		<input type="checkbox" name="hobby" value="reading">读书<br/>
		<input type="checkbox" name="hobby" value="writing">写字<br/>
		<input type="checkbox" name="hobby" value="exercising">做运动<br/>
		<input type="checkbox" name="hobby" value="playing-game">玩游戏<br/>
		<input type="checkbox" name="hobby" value="another" checked="checked">其他<br/>
		<p><font size="4">您/你身处的年级？</font></p>
		<select name="grades">
			<optgroup label="小学">
				<option value="p1">小学一年级</option>
				<option value="p2">小学二年级</option>
				<option value="p3">小学三年级</option>
				<option value="p4">小学四年级</option>
				<option value="p5">小学五年级</option>
				<option value="p6">小学六年级</option>
			</optgroup>
			<optgroup label="初中">
				<option value="m1">初中一年级</option>
				<option value="m2">初中二年级</option>
				<option value="m3">初中三年级</option>
			</optgroup>
			<optgroup label="高中">
				<option value="h1">高中一年级</option>
				<option value="h2">高中二年级</option>
				<option value="h3">高中三年级</option>
				<option value="h4">高中四年级(复读)</option>
			</optgroup>
			<optgroup label="大学">
				<option value="u1">大学一年级</option>
				<option value="u2">大学二年级</option>
				<option value="u3">大学三年级</option>
				<option value="u4">大学四年级</option>
			</optgroup>
			<optgroup label="其他">
				<option value="another" selected>其他</option>
			</optgroup>
		</select> <!-- 如果没有加上selected,就代表表单没有被预选-->
		<br>
		<input type="submit" value="上传数据">
		<input type="reset" value="重置">
	</form>
</body>
</html>
<!-- <label>标签为input元素定义标注(标记)。-->